<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>手持摄影设备 - DJI 大疆创新</title>
    <link rel="stylesheet" href="../css/Hand-held shooting.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <!-- 固定头部 -->
        <div class="header_top">

        </div>
        <!-- 二级导航 -->
        <div class="header_bottom">
            <nav>
                <ul>
                    <li>
                        <a href="">Osmo Pocket</a>
                    </li>
                    <li>
                        <a href="">Osmo Action</a>
                    </li>
                    <li>
                        <a href="">Osmo Mobile</a>
                    </li>
                    <li>
                        <a href="">Ronin 稳定器</a>
                    </li>
                    <li>
                        <a href="">Ronin 电影机</a>
                    </li>
                    <li>
                        <a href="">DJI Mic</a>
                    </li>
                    <li>
                        <a href="">DJI Transmission</a>
                    </li>
                    <li>
                        <a href="">配件</a>
                    </li>
                    <li>
                        <a href="">立即选购</a>
                    </li>
                </ul>
            </nav>
        </div>
    </header>
    <!-- 主体 -->
    <main>
        <!-- 内容1 -->
        <section class="section1">
            <h2>手持摄影设备</h2>
            <p>无论是记录日常精彩，还是专业影视制作，总有一款手持摄影设备适合您</p>
        </section>
        <!-- 内容2 -->
        <section class="section2">
            <!-- 内容2左侧 -->
            <div class="section2_left">
                <p>新一代云台手机</p>
                <h2>Osmo Mobile 6</h2>
                <p>小小云台，浑身巧劲</p>
                <p>折叠时仅手掌大小，展开后即刻开拍</p>
                <p class="section_more">
                    <span><a href="#">了解更多 &gt;</a></span>
                    <span><a href="#">立即购买</a></span>
                </p>
            </div>
            <!-- 内容2右侧 -->
            <div class="section2_right">
                <img src="../images/main_section2_right.png" alt="" height="600px">
            </div>
            <!-- 内容2背景 -->
            <div class="section2_background">
            </div>
        </section>
        <!-- 内容3 -->
        <section class="section3">
            <!-- 内容3左侧 -->
            <div class="section3_left">
                <p>运动相机</p>
                <h2>Osmo Action 3</h2>
                <p>续航高手，竖拍先锋</p>
                <p class="section_more">
                    <span><a href="#">了解更多 &gt;</a></span>
                    <span><a href="#">立即购买</a></span>
                </p>
            </div>
            <!-- 内容3右侧 -->
            <div class="section3_right">
                <p>相机稳定器</p>
                <h2>DJI RS 3 Pro</h2>
                <p>全能型拍摄拓展平台，Pro级强悍性能</p>
                <p class="section_more">
                    <span><a href="#">了解更多 &gt;</a></span>
                    <span><a href="#">立即购买</a></span>
                </p>
            </div>
        </section>
        <!-- 内容4 -->
        <section class="section4">
            <!-- 内容4左侧 -->
            <div class="section4_left">
                <p>手持云台小相机</p>
                <h2>DJI Pocket 2</h2>
                <p>体积小巧，性能强大</p>
                <p class="section_more">
                    <span><a href="#">了解更多 &gt;</a></span>
                    <span><a href="#">立即购买</a></span>
                </p>
            </div>
            <!-- 内容4右侧 -->
            <div class="section4_right">
                <p>四轴电影机</p>
                <h2>DJI Ponin 4D</h2>
                <p>用先锋技术，成就巅峰艺术</p>
                <p class="section_more">
                    <span><a href="#">了解更多 &gt;</a></span>
                    <span><a href="#">立即购买</a></span>
                </p>
            </div>
        </section>
        <!-- 内容5 -->
        <section class="section5">
            <div class="section5_top">
                <h2>DJI专业配件</h2>
            </div>
            <!-- 内容5下半 -->
            <div class="section5_bottom">
                <!-- 内容5左侧 -->
                <div class="section5_left">
                    <!-- 内容5左侧上半img -->
                    <div class="section5_left_top">
                        <img src="../images/section5_left.jpg" alt="" height="296px">
                    </div>
                    <!-- 内容5左侧下半内容 -->
                    <div class="section5_left_bottom">
                        <h2>DJI Mic</h2>
                        <p>兼容主流手机、各类相机的无线麦克风</p>
                        <p class="section_more">
                            <span><a href="#">了解更多 &gt;</a></span>
                            <span><a href="#">立即购买</a></span>
                        </p>
                    </div>
                </div>
                <!-- 内容5右侧 -->
                <div class="section5_right">
                    <!-- 内容5右侧上半img -->
                    <div class="section5_right_top">
                        <img src="../images/section5_right.jpg" alt="" height="296px">
                    </div>
                    <!-- 内容5右侧下半内容 -->
                    <div class="section5_right_bottom">
                        <h2>DJI Transmission</h2>
                        <p>拥有接收、监看、控制、录制一体化的图传方案</p>
                        <p class="section_more">
                            <span><a href="#">了解更多 &gt;</a></span>
                            <span><a href="#">立即购买</a></span>
                        </p>
                    </div>
                </div>
            </div>
        </section>
        <!-- 内容6 -->
        <section class="section6">
            <div class="section6_top">
                <h2>探索更多</h2>
            </div>
            <div class="section6_bottom">
                <!-- 内容6左侧 -->
                <div class="section6_left">
                    <!-- 内容6左侧上半img -->
                    <div class="section6_left_top">
                        <img src="../images/section6_left.jpg" alt="" height="296px">
                    </div>
                    <!-- 内容6左侧下半内容 -->
                    <div class="section6_left_bottom">
                        <h2>DJI Care 随心换</h2>
                        <p>全方位意外保险，新机必备</p>
                        <p class="section_more">
                            <span><a href="">了解更多 &gt;</a></span>
                        </p>
                    </div>
                </div>
                <!-- 内容6右侧 -->
                <div class="section6_right">
                    <!-- 内容6右侧上半img -->
                    <div class="section6_right_top">
                        <img src="../images/section6_right.jpg" alt="" height="296px">
                    </div>
                    <!-- 内容6右侧下半内容 -->
                    <div class="section6_right_bottom">
                        <h2>下载中心</h2>
                        <p>下载官方软件、应用和产品说明</p>
                        <p class="section_more">
                            <span><a href="">了解更多 &gt;</a></span>
                        </p>
                    </div>
                </div>
            </div>
        </section>
        <!-- 内容7 -->
        <section class="section7">
            <div>
                <!-- 内容7左侧 -->
                <div class="section7_left">
                    <div>
                        <img src="../images/section7_left.svg" alt="">
                    </div>
                    <h2>购买渠道</h2>
                    <p class="section_more">
                        <span><a href="">了解更多 &gt;</a></span>
                    </p>
                </div>
                <!-- 内容7右侧 -->
                <div class="section7_right">
                    <div>
                        <img src="../images/section7_right.svg" alt="" height="64px">
                    </div>
                    <h2>服务与支持</h2>
                    <p class="section_more">
                        <span><a href="">了解更多 &gt;</a></span>
                    </p>
                </div>
            </div>
        </section>
    </main>
    <!-- 底部 -->
    <footer>

    </footer>
</body>

</html>